	* {
		margin: 0;
		padding: 0;
	}
	
	body,
	html {
		overflow: hidden;
		position: absolute;
		width: 100%;
		height: 100%;
		color: white;
		background-image: linear-gradient( to bottom, #1E90FF, #00BFFF);
		-moz-user-select: none;
		-webkit-touch-callout: none;
		-webkit-text-size-adjust: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-user-select: auto;
	}
	
	p {
		margin: 0px auto 9px;
	}
	
	#one {
		font-size: 40px;
		text-align: center;
		margin-top: 20%;
	}
	
	#two {
		text-align: center;
	}
	.imgicon{
		margin: 5px auto;
	}
	
	.three {
		text-align: center;
		overflow: hidden;
	}
	
	.swiper-container {
		width: 100%;
	}
	
	.swiper-slide {
		width: 100%;
	}
	
	.b {
		float: left;
		text-align: center;
		width: 48%;
		/*border-left: solid 1px white;*/
		border-right: solid 1px white;
	}
	
	.c {
		float: left;
		text-align: center;
		width: 48%;
	}
	
	.mylayer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #111;
		opacity: 0.8;
		z-index: 4;
		display: none;
	}
	
	.downdiv {
		position: absolute;
		bottom: 0px;
		width: 100%;
		background-color: #FFFFFF;
		height: 180px;
		z-index: 10;
		text-align: center;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.updiv {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.downdiv input {
		height: 45px;
		width: 60%;
		padding-left: 10px;
		box-sizing: content-box;
		border: 1px solid #179AFF;
		color: #179AFF;
		border-radius: 10px;
		margin: 65px 0px;
		outline: none;
	}
	
	.select {
		width: 75px;
		border-radius: 20px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #FFFFFF;
		background-color: #179AFF;
		display: inline-block;
		vertical-align: middle;
	}
	
	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		50% {
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}
		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	
	@keyframes pulse {
		0% {
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
		50% {
			-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
		}
		100% {
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}
	
	.pulse {
		-webkit-animation-name: pulse;
		animation-name: pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		position: absolute;
		top: 4%;
		right: 5%;
		width: 35px;
	}
	
	#two i {
		font-size: 65px;
	}
	
	section {
		text-align: center;
	}
	
	section i {
		font-size: 40px !important;
	}
	
	.layui-m-layercont {
		color: red;
	}
	
	.layui-m-layer2 .layui-m-layercont p {
		color: #FFFFFF;
	}
	
	#currCityName {
		position: absolute;
		top: 3%;
		left: 5%;
		color: #FFFFFF;
	}
	
	#mapID {
		display: none;
	}
	
	#currCityName img {
		width: 26%;
		margin-right: 7px;
	}
	
	#currCityName img,
	#currCityName span {
		vertical-align: middle;
	}
	/* IPhone 5 */
	.item_5_1 {
		margin-top: 20%;
	}
	/* IPhone6  529 */
	.item_6_1 {
		margin-top: 27%;
	}
	.item_7_1 {
		margin-top: 35%;
	}
	.item_8_1 {
		margin-top: 40%;
	}